<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4568347_saiu4shmmbo.css">
</head>

<body>
    <div class="page">
        <div class="head">
            <div class="title">
                <div class="menu">
                    <i class="iconfont icon-caidan"></i>
                </div>
                <div class="title-text">Explore</div>
            </div>
            <div class="search">
                <i class="iconfont icon-search2"></i>
                <input type="text" placeholder="Search for artist, song or lyrics">
            </div>
        </div>
        <div class="body">
            <div class="singer"> 
              <div class="singer-title mr21">
                <span>1111</span>
                <span>2222</span>
              </div>
              <ul class="singer-list">
                 <li>
                     <div class="logo">
                        <img src="https://ts3.cn.mm.bing.net/th?id=OIP-C.OhUOhPbzdELTIt6QY9fV0AHaEo&w=316&h=197&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2" alt="">
                     </div>
                     <p class="autor">江财</p>
                     <p class="number">200</p>
                 </li>
                <li>
                    <div class="logo">
                        <img src="https://ts3.cn.mm.bing.net/th?id=OIP-C.OhUOhPbzdELTIt6QY9fV0AHaEo&w=316&h=197&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"
                            alt="">
                    </div>
                    <p class="autor">江财</p>
                    <p class="number">200</p>
                </li>
                <li>
                    <div class="logo">
                        <img src="https://ts3.cn.mm.bing.net/th?id=OIP-C.OhUOhPbzdELTIt6QY9fV0AHaEo&w=316&h=197&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"
                            alt="">
                    </div>
                    <p class="autor">江财</p>
                    <p class="number">200</p>
                </li>
                <li>
                    <div class="logo">
                        <img src="https://ts3.cn.mm.bing.net/th?id=OIP-C.OhUOhPbzdELTIt6QY9fV0AHaEo&w=316&h=197&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"
                            alt="">
                    </div>
                    <p class="autor">江财</p>
                    <p class="number">200</p>
                </li>
              </ul>
            </div>
            <div class="song">

            </div>
             

        </div>
        <div class="footer"></div>
    </div>
    <script>
    </script>
</body>

</html>